*{padding: 0;margin: 0;}
.abroadBg{width: 100%;position: relative;}
.abroadBg img{display: block;width: 100%;height:100%;position: absolute;top: 0;left: 0;}
.abroadBg .abroadNav{height: 30px;background: #f60;position: absolute;bottom: 20px;text-align: center;}
.abroadBg .abroadNav a{color: #fff;font-weight: bold;padding-right: 5px;border-right: 1px solid #fff;line-height: 30px;}
.abroadBg .abroadNav a:last-of-type{border: none;}

.commonTitle{background: #eee;padding: 20px 0 20px 0;}
.commonTitle h3{text-align: center;font-weight: bolder;margin: 0 auto 30px auto;}
.commonTitle h4{width:268px;height:59px;background: url("../img/class/aLi_02.png") no-repeat 100% 100%;margin: 20px auto;}
.commonTitle h4 span{display: block;width: 100%;text-align: center;height: 30px;}
.commonTitle h4 span:nth-of-type(1){font-weight: bolder;line-height: 0;font-size:3.0rem;}
.commonTitle h4 span:nth-of-type(2){line-height: 50px;font-size: 2.6rem;}
.commonTitle .container .row .col-md-3,.commonTitle .container .row .col-xs-3{position: relative;}
.commonTitle .container .row .col-md-3 img,.commonTitle .container .row .col-xs-3 img{display:block;position: absolute;top: 10px;}
.commonTitle .container .row .col-md-3 h3,.commonTitle .container .row .col-xs-3 h3{width:100%;text-align:center;color:#fff;position: absolute;left:0; }
.commonTitle p{text-align: center;}




@media screen  and (min-width:768px){
    .abroadBg{height: 245px;}
    .abroadBg .abroadNav{width: 40%;left: 30%;}
    .commonTitle .container{height: 170px;}
    .commonTitle .container .row .col-md-3 img{width:50%;left: 25%;}
    .commonTitle .container .row .col-md-3 h3{top:70px;}
}



@media screen and (max-width: 768px){
    .abroadBg{height: 150px;}
    .abroadBg .abroadNav{width: 90%;left: 5%;}
    .commonTitle .container{height: 130px;}
    .commonTitle .container .row .col-xs-3{padding: 0 5px;}
    .commonTitle .container .row .col-xs-3 img{width:90%;left: 5%;}
    .commonTitle .container .row .col-xs-3 h3{font-size:1.5rem;top:45px;}
}